<template>
    <div class="flex_clumn pt30 pb30">
      <div class="homeBox">
        <img class="homeImg boradius20" src="https://img.yzcdn.cn/vant/cat.jpeg" />
        <div class="mt20 mb20 flex_line_center">
          <img style="width:47rpx;height:47rpx;flex-shrink: 0;" src="../../../static/images/msg.png" alt="">
          <div class="bold500 msg textOver">热烈欢迎山西光大科技有限公司入驻平台！</div>
        </div>
      </div>
      <div class="line"></div>
      <div class="homeBox">
        <div class="flex pt30 pb30 ">
          <div class="font32 bold tj">为您推荐</div>
          <div class="font26 corA7A">更多></div>
        </div>
        <!-- 招聘列表 -->
        <block v-for="(item,key) in listData" :key="key">
          <Hitem :item='item' />
        </block>
      </div>
    </div>
</template>
<script>
import Hitem from '@/components/Hitem'
export default {
  components:{
    Hitem
  },
  data(){
    return {
      listData:[
        {
          name:'web前端',
          price:'4-7K·13薪',
          type:['五险一金','双休','学历不限'],
          address:'太原-千峰',
          com:'山西浩德人力资源有限公司',
        },
        {
          name:'python开发',
          price:'4-7K·12薪',
          type:['五险一金','轮班制','大专'],
          address:'太原-千峰',
          com:'山西浩德人力资源有限公司',
        },
        {
          name:'JAVA开发',
          price:'4-7K·12薪',
          type:['五险一金','轮班制','大专'],
          address:'太原-千峰',
          com:'山西浩德人力资源有限公司',
        },
        {
          name:'UI设计师',
          price:'4-7K·12薪',
          type:['五险一金','轮班制','大专'],
          address:'太原-千峰',
          com:'山西浩德人力资源有限公司',
        },
        {
          name:'UI设计师',
          price:'4-7K·12薪',
          type:['五险一金','轮班制','大专'],
          address:'太原-千峰',
          com:'山西浩德人力资源有限公司',
        },
      ]
    }
  },
  mounted() {
    this.list()
  },
  methods: {
    async list(){
      let res = await this.$api.getlist()
      console.log(res)
    }
  },
}
</script>
<style lang="less" scoped>
.homeBox{
  width:684rpx;
  .homeImg{
    width:100%;
    height:337rpx;
  }
  .tj{
    padding-left: 14rpx;
    border-left: 6rpx solid #2975EF;
  }
}
.msg{
  height: 34rpx;
  line-height: 34rpx;
  border-left: 2px solid #DCDCDC;
  margin-left: 23rpx;
  padding-left: 23rpx;
}
.line{
  width: 100%;
  height: 15rpx;
  background: #F8F8FF;
}
</style>